<template>
	<div class="app">
		<show-info></show-info>
	</div>
</template>

<script>
import { provide, ref } from 'vue'
import ShowInfo from './ShowInfo.vue'

export default {
	components: {
		ShowInfo,
	},
	setup() {
		const name = ref('zs')

		// provide('name', 'zs')
		provide('name', name)
		provide('age', 12)
	},
}
</script>

<style scoped></style>
